@charset "UTF-8";
.topimgwidth {
    width:960px
}
.topthumbwidth {
    width:1000px
}
.m-indexMain,.m-indexDetail {
    background-color:#fafafa
}
.m-indexMain *,.m-indexDetail * {
    box-sizing:border-box
}
.f-arrow-right:after {
    content:" >";
    font-family:simsun,serif
}
.u-mtitle {
    height:auto
}
.u-mtitleBtn {
    display:inline-block;
    border:solid #32B690;
    border-width:2px 4px 1px 4px;
    border-radius:5px;
    background-color:#32B690;
    color:#fff
}
.u-index-more {
    padding-top:15px
}
.u-index-more a {
    color:#32B690
}
.u-index-more a:hover {
    text-decoration:underline
}
.u-index-refreshBtn {
    display:inline-block;
    margin-left:.5em
}
.u-index-refreshBtn:after {
    content:" ";
    position:relative;
    top:-0.15em;
    float:right;
    width:14px;
    height:14px;
    margin-left:.5em;
    background:url("images/refreshBtnIcon.png") no-repeat center
}
.u-index-refreshBtn:hover:after {
    transform:rotate(-180deg);
    transition:.5s
}
.u-index-refreshBtn:active:after {
    transform:rotate(180deg);
    transition:0s
}
.m-openSpecial {
    padding-top:30px;
    margin-bottom:50px
}
.u-openSpeciaItem {
    width:219px;
    margin-left:28px
}
.u-openSpeciaItem:first-child {
    margin-left:0
}
.u-openSpeciaItem .osiTag {
    z-index:10;
    padding:0 .5em;
    line-height:22px;
    background-color:#32B690
}
.u-openSpeciaItem .osiImg {
    transition:.5s;
    height:123px
}
.u-openSpeciaItem .osiImg img {
    display:block;
    width:100%;
    transition:.5s cubic-bezier(0,0.6,0.3,1)
}
.u-openSpeciaItem .osiTitle {
    font-size:18px;
    margin-top:1em;
    line-height:1em;
    white-space:nowrap;
    transition:.25s
}
.u-openSpeciaItem .osiSubtitle {
    display:none;
    padding:0 .5em;
    color:#32B690;
    border:1px solid;
    border-radius:48px;
    font-size:12px;
    line-height:1.34em;
    vertical-align:bottom
}
.u-openSpeciaItem .osiDesc {
    margin-top:.75em;
    line-height:1.67em;
    transition:.25s
}
.u-openSpeciaItem .osiDesc:hover {
    color:#999
}
.u-openSpeciaItem:hover .osiImg img {
    transform:scale(1.1);
    transition:1s
}
.u-openSpeciaItem:hover .osiTitle {
    color:#32B690
}
@media screen and (min-width:1200px) {
    .u-openSpeciaItem {
    width:270px;
    margin-left:33px;
    transition:.5s
}
.u-openSpeciaItem .osiImg {
    height:150px
}
.u-openSpeciaItem .osiSubtitle {
    display:inline-block
}
.u-openSpeciaItem .osiSubtitle.hide {
    display:none
}
}.u-openVideoItem {
    width:180px;
    min-height:147px;
    margin-left:15px;
    margin-bottom:21px
}
.u-openVideoItem.z-hide {
    opacity:0;
    transform:translateY(-20px)
}
.u-openVideoItem .oviTag {
    z-index:10;
    padding:0 .5em;
    line-height:22px;
    background-color:#32B690
}
.u-openVideoItem .oviImg {
    transition:.5s;
    background-color:#e6e6e6;
    height:100px
}
.u-openVideoItem .oviImg img {
    display:block;
    width:100%;
    transition:.5s cubic-bezier(0,0.6,0.3,1)
}
.u-openVideoItem .oviImgText {
    width:100%;
    bottom:0;
    padding:0 .5em;
    line-height:1.5em;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    background-color:rgba(0,0,0,0.6)
}
.u-openVideoItem .oviTitle {
    height:1.25em;
    overflow:hidden;
    margin-top:.65em;
    font-size:14px;
    line-height:1.25em;
    white-space:nowrap;
    text-overflow:ellipsis;
    transition:.25s
}
.u-openVideoItem .oviTitle.dl {
    white-space:normal;
    height:2.5em
}
.u-openVideoItem .oviTitle.ml {
    overflow:visible;
    white-space:normal
}
.u-openVideoItem .oviSubtitle {
    display:inline-block;
    padding:0 .5em;
    color:#32B690;
    border:1px solid;
    border-radius:48px;
    font-size:12px;
    line-height:1.34em;
    vertical-align:bottom
}
.u-openVideoItem .oviSubtitle.hide {
    display:none
}
.u-openVideoItem .oviSubInfo {
    margin-top:.35em;
    white-space:nowrap
}
.u-openVideoItem .oviSubInfo:hover {
    color:#999
}
.u-openVideoItem .oviViewCount {
    padding-left:18px;
    background:url("images/viewCountIcon.png") no-repeat 2px center
}
.u-openVideoItem:hover .oviImg img {
    transform:scale(1.1);
    transition:1s
}
.u-openVideoItem:hover .oviTitle {
    color:#32B690
}
.u-openVideoItem.topItem {
    width:375px;
    margin-left:0
}
.u-openVideoItem.topItem .oviImg {
    height:268px
}
.u-openVideoItem.topItem .oviImgText {
    font-size:14px
}
.u-openVideoItem.topItem .oviTitle {
    font-size:16px
}
@media screen and (min-width:1200px) {
    .u-openVideoItem {
    margin-left:20px;
    transition:.5s
}
.u-openVideoItem.topItem {
    width:380px;
    margin-left:0
}
.u-openVideoItem.topItem .oviImg {
    height:268px
}
.u-openVideoItem.topItem .oviImgText {
    font-size:14px
}
.u-openVideoItem.topItem .oviTitle {
    font-size:16px
}
}.m-openEC {
    margin-bottom:30px
}
.m-openGYLList {
    padding-bottom:40px
}
.m-openGYLList .u-openVideoItem {
    height:125px
}
.m-openGYLList .u-openVideoItem:first-child {
    margin-left:0
}
.m-indexDetail {
    background-color:#f0f0f0;
    padding-top:48px
}
.m-categoryIndex {
    width:180px;
    height:315px;
    margin-right:15px;
    margin-bottom:55px;
    padding-top:28px;
    background:#888;
    transition:.5s
}
.m-categoryIndex.short {
    height:295px
}
.m-categoryIndex a {
    color:#fff
}
.m-categoryIndex a:hover {
    text-decoration:underline
}
.m-categoryIndex .ciTitle {
    font-size:24px;
    font-weight:normal;
    line-height:1.25em;
    text-align:center
}
.m-categoryIndex .ciList {
    margin-top:20px;
    padding:0 24px 0 14px;
    font-size:14px
}
.m-categoryIndex .ciList.shortList {
    padding:0 12px 0 26px
}
.m-categoryIndex .ciList.shortList+.ciAll {
    margin-left:38px
}
.m-categoryIndex .ciList>li {
    display:inline-block;
    margin-bottom:1.5em;
    margin-left:12px;
    width:4em;
    font-size:14px;
    text-align:left;
    white-space:nowrap
}
.m-categoryIndex .ciAll {
    display:block;
    margin-left:26px
}
@media screen and (min-width:1200px) {
    .m-categoryIndex {
    margin-right:20px
}
}.m-ted {
    background-color:#970700
}
.m-ted:hover {
    background-color:#800a08
}
.m-gjgkk {
    background-color:#257397
}
.m-gjgkk:hover {
    background-color:#145978
}
.m-bbc {
    background-color:#4aa4fc
}
.m-bbc:hover {
    background-color:#4095e8
}
.m-gngkk {
    background-color:#20673f
}
.m-gngkk:hover {
    background-color:#185c37
}
.m-zggkk {
    background-color:#7e512a
}
.m-zggkk:hover {
    background-color:#62320e
}
.m-kehan {
    background-color:#7d9519
}
.m-kehan:hover {
    background-color:#657b19
}
.m-cloud {
    background-color:#10ae58
}
.m-cloud:hover {
    background-color:#118a48
}
.m-coursera {
    background-color:#0064b7
}
.m-coursera:hover {
    background-color:#0a5191
}
.m-indexb {
    background-color:#f0f0f0
}
.u-votebtn {
    margin-bottom:35px;
    background-color:#fff;
    text-align:center;
    line-height:48px;
    font-size:14px
}
.u-votebtn a {
    color:#32B690
}
.u-stitle h2 {
    line-height:1.2em
}
.u-stitle span {
    padding:6px 0 0 10px
}
.m-indexb .area {
    color:#666;
    padding:33px 0 16px;
    border-bottom:1px solid #ddd
}
.m-indexb .areacon {
    line-height:20px;
    font-size:11px;
    padding-top:5px;
    overflow:hidden
}
.m-indexb .areacon p {
    padding-top:10px;
    text-indent:2em
}
.m-indexb .itemwrap {
    margin-right:-46px;
    padding-top:10px
}
.m-indexb .item {
    background:#aaa;
    display:block;
    margin:0 45px 20px 0;
    float:left
}
.m-indexb .item,.m-indexb .item img {
    width:80px;
    height:50px
}
.m-indexb .lastarea {
    border:0;
    padding-bottom:30px
}
@media screen and (min-width:1200px) {
    .m-indexb .itemwrap {
    margin-right:-42px
}
.m-indexb .item {
    margin:0 42px 20px 0
}
}#app_download_recommend {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:99999;
    background:rgba(0,0,0,0.85)
}
#app_download_recommend .wrapper {
    width:960px;
    margin:0 auto;
    position:relative
}
#app_download_recommend #app_down_banner {
    width:100%
}
#app_download_recommend .u-btn-close {
    position:absolute;
    display:inline-block;
    width:25px;
    height:25px;
    right:0;
    top:0;
    cursor:pointer
}
@media screen and (min-width:1200px) {
    #app_download_recommend .wrapper {
    width:1200px
}
#app_download_recommend .u-btn-close {
    width:35px;
    height:35px
}
}





.weblinks .weblinks_con ul li a {
    float: left;
    margin: 0 6px;
    font-size: 12px;
    color: #2d83be;
}
.weblinks {
    position: relative;
    width: 953px;
    padding: 0 10px 0 25px;
    margin-top: 10px;
    background: #fafafa;
}
.weblinks, .weblinks .weblinks_con ul li {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}
.pub_page .btn-go, .pub_page .text, .weblinks {
    border: 1px solid #e3e3e3;
}
.weblinks h3 {
    float: left;
    font-size: 16px;
    color: #666;
    margin-right: 6px;
    margin-top: 7px;
}

.weblinks .weblinks_con {
    float: left;
    width: 935px;
    height: 38px;
    overflow: hidden;
}
#czd_roll .footer .weblinks {
    position: relative;
    padding: 0 25px;
    margin-bottom: 20px;
    background: #fafafa;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    width: 1148px;
}
#czd_roll .page_center {
    width: 1185px;
    margin: 0 auto;
}
#czd_roll .footer .weblinks h3 {
    font-size: 12px;
    color: #666;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-right: 6px;
}
#czd_roll .footer h3 {
    color: #222;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}
#czd_roll .footer .weblinks .weblinks_con {
    float: left;
    width: 1045px;
    height: 38px;
    overflow: hidden;
}
#czd_roll {
    color: #F0F0F0;
    padding-bottom: 20px;
}
#czd_roll .footer li {
    margin-bottom: 2px;
}
#czd_roll .footer .weblinks li {
    width: 100%;
    float: left;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    margin: 0;
}
#czd_roll .footer .weblinks li a {
    float: left;
    margin: 0 6px;
    font-size: 12px;
    color: #2d83be;
}
#czd_roll .footer .weblinks-more {
    position: absolute;
    right: 25px;
    bottom: 0;
}